
$(document).ready(function (){
	
	
	esmaecer("#welcome");
	
	// torna a div arrastavel
//	esconde a div de boas vindas 
//	$("#welcome").draggable();
//	$("#welcome").show();
	
	
//	se a div mascara for clicado ela se esconde junto com a div welcome
	
	$("#mascara").click(function (){
		
		$("#mascara").hide();
		$("#welcome").hide();
	});
	
	$('.fechar').click(function(){
	   
		 $("#welcome").hide();
	     $("#mascara").hide();
	   
	 });
	
});







function esmaecer(acao){
	
	var div1 =acao;
//	capturando a altura e largura da tela
	
	 var alturaTela = $(document).height();
    var larguraTela = $(window).width();
 
    //colocando o fundo preto na altura e largura capturada
    
    $('#mascara').css({'width':larguraTela,'height':alturaTela});
    $('#mascara').fadeIn(1000);
    $('#mascara').fadeTo("slow",0.8);

//    centralizando a div  
    
    var left = ($(window).width() /2) - ( $(div1).width() / 2 );
    var top = ($(window).height() / 2) - ( $(div1).height() / 2);
 
//    mudando as propriedes css e fazendo aparecer addatendimento
    $(div1).css({"top":top,"left":left});
    $(div1).show();  
    
  
}
	


